Adwaita: generalize inline and search bars
authorLapo Calamandrei <calamandrei@gmail.com>
Tue, 8 Jul 2014 09:22:59 +0000 (11:22 +0200)
committerLapo Calamandrei <calamandrei@gmail.com>
Tue, 8 Jul 2014 09:22:59 +0000 (11:22 +0200)
So the style get applied not only to say .toolbar.search-bar, but
.search-bar. Need to figure out something for possible missing borders.

gtk/resources/theme/Adwaita/_common.scss
gtk/resources/theme/Adwaita/gtk-contained-dark.css
gtk/resources/theme/Adwaita/gtk-contained.css

index 21eed132f7452f308e2c15891c00953885fca045..e91d0c6c5e5b94cdf32f27beff293e39203a517d 100644 (file)
@@ -640,18 +640,21 @@ GtkComboBox {
     border-radius: 6px;
     padding: 12px;
   }
-  //searchbar & inline-toolbar
-  &.inline-toolbar {
-    @extend %inset-bar;
-    border-width: 0 1px 1px;
-    padding: 3px;
-    border-radius: 0  0 4px 4px;
-  }
-  &.search-bar {
-    @extend %inset-bar;
-    border-width: 0 0 1px;
-    padding: 3px;
-  }
+}
+
+//searchbar & inline-toolbar
+.inline-toolbar {
+  @extend .toolbar;
+  @extend %inset-bar;
+  border-width: 0 1px 1px;
+  padding: 3px;
+  border-radius: 0  0 4px 4px;
+}
+.search-bar {
+  @extend .toolbar;
+  @extend %inset-bar;
+  border-width: 0 0 1px;
+  padding: 3px;
 }
 
 %inset-bar {
index 6939b94a48a97867a66079b09f314f8113a74f71..83c6226fa294a06aaaa1cf3191622b93eb06e6c7 100644 (file)
     background-image: linear-gradient(to bottom, #363c3c);
     box-shadow: inset 0 1px rgba(255, 255, 255, 0), 0 1px rgba(255, 255, 255, 0); }
 
-.inline-toolbar.toolbar GtkToolButton > .button.flat {
+.inline-toolbar.toolbar GtkToolButton > .button.flat, .inline-toolbar GtkToolButton > .button.flat {
   border-radius: 0;
   border-left-style: none; }
-.inline-toolbar.toolbar GtkToolButton:first-child > .button.flat {
+.inline-toolbar.toolbar GtkToolButton:first-child > .button.flat, .inline-toolbar GtkToolButton:first-child > .button.flat {
   border-radius: 3px 0 0 3px;
   border-left-style: solid; }
-.inline-toolbar.toolbar GtkToolButton:last-child > .button.flat {
+.inline-toolbar.toolbar GtkToolButton:last-child > .button.flat, .inline-toolbar GtkToolButton:last-child > .button.flat {
   border-radius: 0 3px 3px 0; }
-.inline-toolbar.toolbar GtkToolButton:last-child:dir(rtl) > .button.flat {
+.inline-toolbar.toolbar GtkToolButton:last-child:dir(rtl) > .button.flat, .inline-toolbar GtkToolButton:last-child:dir(rtl) > .button.flat {
   border-right-style: solid; }
-.inline-toolbar.toolbar GtkToolButton:only-child > .button.flat {
+.inline-toolbar.toolbar GtkToolButton:only-child > .button.flat, .inline-toolbar GtkToolButton:only-child > .button.flat {
   border-radius: 3px;
   border-style: solid; }
 
@@ -786,27 +786,29 @@ GtkComboBox {
 /************
  * Toolbars *
  ************/
-.toolbar {
+.toolbar, .inline-toolbar, .search-bar {
   padding: 6px;
   background-color: #393f3f; }
-  .toolbar.osd {
+  .toolbar.osd, .osd.inline-toolbar, .osd.search-bar {
     background-color: rgba(0, 0, 0, 0.6);
     border-radius: 6px;
     padding: 12px; }
-  .toolbar.inline-toolbar {
-    border-width: 0 1px 1px;
-    padding: 3px;
-    border-radius: 0  0 4px 4px; }
-  .toolbar.search-bar {
-    border-width: 0 0 1px;
-    padding: 3px; }
-
-.toolbar.inline-toolbar, .toolbar.search-bar {
+
+.inline-toolbar {
+  border-width: 0 1px 1px;
+  padding: 3px;
+  border-radius: 0  0 4px 4px; }
+
+.search-bar {
+  border-width: 0 0 1px;
+  padding: 3px; }
+
+.inline-toolbar, .search-bar {
   border-style: solid;
   border-color: #1c1f1f;
   background-color: #303535;
   box-shadow: inset 0 2px 3px -1px #242727; }
-  .toolbar.inline-toolbar:backdrop, .toolbar.search-bar:backdrop {
+  .inline-toolbar:backdrop, .search-bar:backdrop {
     border-color: #1e2222;
     background-color: #2f3434;
     box-shadow: none; }
@@ -1089,7 +1091,7 @@ GtkTreeView.view.progressbar {
   box-shadow: 0 2px 3px rgba(0, 0, 0, 0.5); }
   .popover:backdrop {
     box-shadow: none; }
-  .popover > .list, .popover > .view, .popover > .toolbar {
+  .popover > .list, .popover > .view, .popover > .toolbar, .popover > .inline-toolbar, .popover > .search-bar {
     background-color: transparent; }
   .popover .separator {
     font-size: 80%;
index 64cb70212cc6a29b86929adc172ba735e604bcb8..95d6a690a7fdeef5a0373a926febc79999719b26 100644 (file)
     background-image: linear-gradient(to bottom, #e7e7e7);
     box-shadow: inset 0 1px rgba(255, 255, 255, 0), 0 1px rgba(255, 255, 255, 0); }
 
-.inline-toolbar.toolbar GtkToolButton > .button.flat {
+.inline-toolbar.toolbar GtkToolButton > .button.flat, .inline-toolbar GtkToolButton > .button.flat {
   border-radius: 0;
   border-left-style: none; }
-.inline-toolbar.toolbar GtkToolButton:first-child > .button.flat {
+.inline-toolbar.toolbar GtkToolButton:first-child > .button.flat, .inline-toolbar GtkToolButton:first-child > .button.flat {
   border-radius: 3px 0 0 3px;
   border-left-style: solid; }
-.inline-toolbar.toolbar GtkToolButton:last-child > .button.flat {
+.inline-toolbar.toolbar GtkToolButton:last-child > .button.flat, .inline-toolbar GtkToolButton:last-child > .button.flat {
   border-radius: 0 3px 3px 0; }
-.inline-toolbar.toolbar GtkToolButton:last-child:dir(rtl) > .button.flat {
+.inline-toolbar.toolbar GtkToolButton:last-child:dir(rtl) > .button.flat, .inline-toolbar GtkToolButton:last-child:dir(rtl) > .button.flat {
   border-right-style: solid; }
-.inline-toolbar.toolbar GtkToolButton:only-child > .button.flat {
+.inline-toolbar.toolbar GtkToolButton:only-child > .button.flat, .inline-toolbar GtkToolButton:only-child > .button.flat {
   border-radius: 3px;
   border-style: solid; }
 
@@ -778,27 +778,29 @@ GtkComboBox {
 /************
  * Toolbars *
  ************/
-.toolbar {
+.toolbar, .inline-toolbar, .search-bar {
   padding: 6px;
   background-color: #ededed; }
-  .toolbar.osd {
+  .toolbar.osd, .osd.inline-toolbar, .osd.search-bar {
     background-color: rgba(0, 0, 0, 0.6);
     border-radius: 6px;
     padding: 12px; }
-  .toolbar.inline-toolbar {
-    border-width: 0 1px 1px;
-    padding: 3px;
-    border-radius: 0  0 4px 4px; }
-  .toolbar.search-bar {
-    border-width: 0 0 1px;
-    padding: 3px; }
-
-.toolbar.inline-toolbar, .toolbar.search-bar {
+
+.inline-toolbar {
+  border-width: 0 1px 1px;
+  padding: 3px;
+  border-radius: 0  0 4px 4px; }
+
+.search-bar {
+  border-width: 0 0 1px;
+  padding: 3px; }
+
+.inline-toolbar, .search-bar {
   border-style: solid;
   border-color: #a1a1a1;
   background-color: #d6d6d6;
   box-shadow: inset 0 2px 3px -1px #b6b6b6; }
-  .toolbar.inline-toolbar:backdrop, .toolbar.search-bar:backdrop {
+  .inline-toolbar:backdrop, .search-bar:backdrop {
     border-color: #a8a8a8;
     background-color: #d4d4d4;
     box-shadow: none; }
@@ -1082,7 +1084,7 @@ GtkTreeView.view.progressbar {
   box-shadow: 0 2px 3px rgba(0, 0, 0, 0.5); }
   .popover:backdrop {
     box-shadow: none; }
-  .popover > .list, .popover > .view, .popover > .toolbar {
+  .popover > .list, .popover > .view, .popover > .toolbar, .popover > .inline-toolbar, .popover > .search-bar {
     background-color: transparent; }
   .popover .separator {
     font-size: 80%;